<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="hmg.vo.BoardVO"%>
<%@ page import="java.util.List"%>
<%--
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 10. 8.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 10. 8.     Kim hyung soo     최초 생성
--%>
<%
    List<BoardVO> recruitList = (List<BoardVO>) request.getAttribute("RecruitList");
    List<BoardVO> peopleList = (List<BoardVO>) request.getAttribute("GroupPeopleList");
    List<BoardVO> interviewList = (List<BoardVO>) request.getAttribute("InterviewList");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>인재채용 서브메인 | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 및 계열사별 인재채용 정보 안내" />
<meta name="keywords" content="현대자동차그룹 인재채용, 현대차그룹 인재채용, 인재채용" />
<%@ include file="/WEB-INF/jsp/web/kor/include/headerRecruit.jspf" %>
<script type="text/javascript" src="/hmg/js/web/kor/com/greyScale.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/affiliatesInfo.js"></script>
<script type="text/javascript">
function lpm(idx){
    for(var i = 1; i <= 5; i++){
        document.getElementById('theLayer'+i).style.zIndex = "1";
        document.getElementById('theLayer'+idx).style.zIndex = "10";
    }
}
function ind(idx){
    for(var i = 1; i <= 2; i++){
        document.getElementById('ind0'+i).style.display = "none";
        document.getElementById('ind0'+idx).style.display = "block";
    }
}

function fn_draw_over_image(idx) {
    $("#interviewImage_" + idx).hide();
    $("#interviewImageOver_" + idx).show();
}

function fn_draw_default_image(idx) {
    $("#interviewImage_" + idx).show();
    $("#interviewImageOver_" + idx).hide();
}
</script>
</head>
<body>
    <!--wrap-->
    <div id="wrap">
        <!-- skip navigation -->
        <div id="skipnavition">
            <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
        </div>
        <!--// skip navigation -->

        <hr />

        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/leftEtc.jspf" %>
        <!--//header-->

        <hr />

        <!--container-->
        <div id="container">
            <div class="scroll-pane">
                <!--contents-->
                <div id="content">
                    <!--<h1><img src="/hmg/images/web/kor/gbc/gbc_logo.gif" alt="HYUNDAI MOTOR GROUP" /></h1>-->
                    <!--recruit-->
                    <div class="recurit_Wrap">
                        <h2><img src="/hmg/images/web/kor/job/recruit_title.png" alt="인재채용" /></h2>
                        <h3><img src="/hmg/images/web/kor/job/submain_title.png" alt="창의적 사고와 도전으로 꿈을 실현할 미래인재를 발굴합니다." /></h3>
                        <!-- 내용 -->
                        <div class="recurit_contents subMain">
                            <div class="pageLocation subMainType">
                                <ul>
                                    <li class="home"><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈" /></a></li>
                                    <li class="nowPage"><a href="/hmg/web/kor/job/JobSubMain.do">인재채용</a></li>
                                </ul>
                            </div>
                            <div class="link_box">
                                <ul>
                                    <li><a href="/hmg/web/kor/job/tln/Talent.do"><img src="/hmg/images/web/kor/job/quickmenu_img01.png" alt="인재상소개"  /></a></li>
                                    <li><a href="/hmg/web/kor/job/int/JobIntroductionMain.do"><img src="/hmg/images/web/kor/job/quickmenu_img02.png" alt="직무 소개"  /></a></li>
                                    <li><a href="/hmg/web/kor/job/itv/JobInterviewList.do"><img src="/hmg/images/web/kor/job/quickmenu_img03.png" alt="직무 인터뷰"  /></a></li>
                                    <li><a href="/hmg/web/kor/job/grp/GroupPeopleList.do"><img src="/hmg/images/web/kor/job/quickmenu_img04.png" alt="그룹사람들"  /></a></li>
                                    <li class="last"><a href="/hmg/web/kor/job/rct/RecruitList.do"><img src="/hmg/images/web/kor/job/quickmenu_img05.png" alt="채용정보"  /></a></li>
                                </ul>
                            </div>
                            <div class="subMain">
                                <div class="contWrap">
                                    <div id="theLayer1" class="infoBox01"  onclick="javascript:lpm('1');">
                                        <div>
<%  if (recruitList == null || recruitList.size() <= 0 || recruitList.get(0) == null) { %>
                                            <img src="/hmg/images/web/kor/job/submain/company/banner_01.jpg" border="0" id="titleBar" alt=""/>
                                            <p class="btn_detail"><a href="/hmg/web/kor/job/rct/RecruitList.do"><img src="/hmg/images/web/kor/job/submain/company/btn_detailView.gif" alt="채용정보 자세히보기"/></a></p>
<%
    }
    else {
%>
                                            <img src="/hmg/images/web/kor/job/submain/logo/<%= recruitList.get(0).getCompType() %>.jpg" style="width:330px; height:161px;" border="0" id="titleBar" alt=""/>
                                            <p class="tit" style="width:82%; height:4%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/job/rct/RecruitView.do?listID=<%= recruitList.get(0).getListID() %>&compType=0&page=1">[<%= recruitList.get(0).getListName() %>] <%= recruitList.get(0).getTitle() %></a> </p>
                                            <p class="period"><%= recruitList.get(0).getEffectDate() %> - <%= recruitList.get(0).getExpireDate() %>
                                                <span>
<%
            if (recruitList.get(0).getDday().equals("-1") == true)
                out.println("마감");
            else
                out.println("D-" + recruitList.get(0).getDday() + "일 남음");
%>
                                                </span>
                                            </p>
<%  } %>
                                        </div>
                                    </div>
                                    <div id="theLayer2" class="infoBox02"  onclick="javascript:lpm('2');">
                                        <div>
<%  if (recruitList == null || recruitList.size() <= 1 || recruitList.get(1) == null) { %>
                                            <img src="/hmg/images/web/kor/job/submain/company/banner_04.jpg" id="titleBar2" alt="직무소개"/>
                                            <p class="btn_detail"><a href="/hmg/web/kor/job/int/JobIntroduction.do"><img src="/hmg/images/web/kor/job/submain/company/btn_detailView.gif" alt="직무소개 자세히보기"/></a></p>
<%
    }
    else {
%>
                                            <img src="/hmg/images/web/kor/job/submain/logo/<%= recruitList.get(1).getCompType() %>.jpg" style="width:330px; height:161px;" border="0" id="titleBar" alt=""/>
                                            <p class="tit" style="width:82%; height:4%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/job/rct/RecruitView.do?listID=<%= recruitList.get(1).getListID() %>&compType=0&page=1">[<%= recruitList.get(1).getListName() %>] <%= recruitList.get(1).getTitle() %></a> </p>
                                            <p class="period"><%= recruitList.get(1).getEffectDate() %> - <%= recruitList.get(1).getExpireDate() %>
                                                <span>
<%
            if (recruitList.get(1).getDday().equals("-1") == true)
                out.println("마감");
            else
                out.println("D-" + recruitList.get(1).getDday() + "일 남음");
%>
                                                </span>
                                            </p>
<%  } %>
                                        </div>
                                    </div>
                                    <div id="theLayer3" class="infoBox01"  onclick="javascript:lpm('3');">
                                        <div>
<%  if (recruitList == null || recruitList.size() <= 3 || recruitList.get(3) == null) { %>
                                            <img src="/hmg/images/web/kor/job/submain/company/banner_03.jpg"  id="titleBar3" alt="HMG 피플"/>
                                            <p class="btn_detail"><a href="/hmg/web/kor/job/grp/GroupPeopleList.do"><img src="/hmg/images/web/kor/job/submain/company/btn_detailView.gif" alt="HMG 피플 자세히보기"/></a></p>
<%
    }
    else {
%>
                                            <img src="/hmg/images/web/kor/job/submain/logo/<%= recruitList.get(3).getCompType() %>.jpg" style="width:330px; height:161px;" border="0" id="titleBar" alt=""/>
                                            <p class="tit" style="width:82%; height:4%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/job/rct/RecruitView.do?listID=<%= recruitList.get(3).getListID() %>&compType=0&page=1">[<%= recruitList.get(3).getListName() %>] <%= recruitList.get(3).getTitle() %></a> </p>
                                            <p class="period"><%= recruitList.get(3).getEffectDate() %> - <%= recruitList.get(3).getExpireDate() %>
                                                <span>
<%
            if (recruitList.get(3).getDday().equals("-1") == true)
                out.println("마감");
            else
                out.println("D-" + recruitList.get(3).getDday() + "일 남음");
%>
                                                </span>
                                            </p>
<%  } %>
                                        </div>
                                    </div>
                                    <div id="theLayer4" class="infoBox02"  onclick="javascript:lpm('4');">
                                        <div>
<%  if (recruitList == null || recruitList.size() <= 4 || recruitList.get(4) == null) { %>
                                            <img src="/hmg/images/web/kor/job/submain/company/banner_02.jpg" id="titleBar4" alt="직무인터뷰"/>
                                            <p class="btn_detail"><a href="/hmg/web/kor/job/itv/JobInterviewList.do"><img src="/hmg/images/web/kor/job/submain/company/btn_detailView.gif" alt="직무인터뷰 자세히보기"/></a></p>
<%
    }
    else {
%>
                                            <img src="/hmg/images/web/kor/job/submain/logo/<%= recruitList.get(4).getCompType() %>.jpg" style="width:330px; height:161px;" border="0" id="titleBar" alt=""/>
                                            <p class="tit" style="width:82%; height:4%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/job/rct/RecruitView.do?listID=<%= recruitList.get(4).getListID() %>&compType=0&page=1">[<%= recruitList.get(4).getListName() %>] <%= recruitList.get(4).getTitle() %></a> </p>
                                            <p class="period"><%= recruitList.get(4).getEffectDate() %> - <%= recruitList.get(4).getExpireDate() %>
                                                <span>
<%
            if (recruitList.get(4).getDday().equals("-1") == true)
                out.println("마감");
            else
                out.println("D-" + recruitList.get(4).getDday() + "일 남음");
%>
                                                </span>
                                            </p>
<%  } %>
                                        </div>
                                    </div>
                                    <div id="theLayer5" class="infoBox02"  onclick="javascript:lpm('5');">
                                        <div>
<%  if (recruitList == null || recruitList.size() <= 2 || recruitList.get(2) == null) { %>
                                            <img src="/hmg/images/web/kor/job/submain/company/banner_05.jpg"  id="titleBar5" alt="인재상"/>
                                            <p class="btn_detail"><a href="/hmg/web/kor/job/tln/Talent.do"><img src="/hmg/images/web/kor/job/submain/company/btn_detailView.gif" alt="인재상 자세히보기"/></a></p>
<%
    }
    else {
%>
                                            <img src="/hmg/images/web/kor/job/submain/logo/<%= recruitList.get(2).getCompType() %>.jpg" style="width:330px; height:161px;" border="0" id="titleBar" alt=""/>
                                            <p class="tit" style="width:82%; height:4%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/job/rct/RecruitView.do?listID=<%= recruitList.get(2).getListID() %>&compType=0&page=1">[<%= recruitList.get(2).getListName() %>] <%= recruitList.get(2).getTitle() %></a> </p>
                                            <p class="period"><%= recruitList.get(2).getEffectDate() %> - <%= recruitList.get(2).getExpireDate() %>
                                                <span>
<%
            if (recruitList.get(2).getDday().equals("-1") == true)
                out.println("마감");
            else
                out.println("D-" + recruitList.get(2).getDday() + "일 남음");
%>
                                                </span>
                                            </p>
<%  } %>
                                        </div>
                                    </div>
                                </div>
<%  if (peopleList != null) { %>
                                <div class="hmgPeople">
                                    <p class="title"><img src="/hmg/images/web/kor/job/submain/tit_hmgPeople.gif" alt="HMG 피플 - HMG People"/></p>
                                    <ul>
<%      for (int idx = 0; idx < peopleList.size(); idx++) { %>
                                        <li><a href="/hmg/web/kor/job/grp/GroupPeopleList.do?listID=<%= peopleList.get(idx).getListID() %>&dispNo=<%= peopleList.get(idx).getDispNo() %>&compType=0"><img src="<%= peopleList.get(idx).getThumbnailImage() %>" alt="<%= peopleList.get(idx).getTitle() %>"/></a></li>
<%      } %>
                                    </ul>
                                    <p class="more"><a href="/hmg/web/kor/job/grp/GroupPeopleList.do"><img src="/hmg/images/web/kor/job/submain/text_more02.gif" alt="more"/></a></p>
                                </div>
<%
    }

    if (interviewList != null) {
%>
                                <div class="interview_Thumb_List">
                                    <dl>
                                        <dt class="tit">
                                            <img src="/hmg/images/web/kor/job/submain/tit_interview.gif" alt="직무인터뷰"/>
                                        </dt>
                                        <dd>
                                            <ul>
<%      for (int idx = 0; idx < interviewList.size(); idx++) { %>
                                                    <li>
                                                        <a href="/hmg/web/kor/job/itv/JobInterviewView.do?listID=<%= interviewList.get(idx).getListID() %>&compType=&page=1"><img src="<%= interviewList.get(idx).getThumbnailImage() %>" alt="" id="interviewImage_<%= idx + 1 %>" /><img src="<%= interviewList.get(idx).getThumbnailImage2() %>" alt="" id="interviewImageOver_<%= idx + 1 %>" style="display:none;" /></a>
                                                        <div class="interview_layOver">
                                                            <p class="category"><a href="/hmg/web/kor/job/itv/JobInterviewView.do?listID=<%= interviewList.get(idx).getListID() %>&compType=&page=1"><%= interviewList.get(idx).getInterviewTeam() %></a></p>
                                                            <p class="title"><a href="/hmg/web/kor/job/itv/JobInterviewView.do?listID=<%= interviewList.get(idx).getListID() %>&compType=&page=1"><%= interviewList.get(idx).getInterviewName() %></a></p>
                                                        </div>
                                                    </li>
<%      } %>
                                            </ul>
                                        </dd>
                                    </dl>
                                    <p class="more"><a href="/hmg/web/kor/job/itv/JobInterviewList.do"><img src="/hmg/images/web/kor/job/submain/text_more.gif" alt="more" /></a></p>
                                </div>
<%  } %>
                                <div class="introduce">
                                    <dl>
                                        <dt class="tit">
                                            <img src="/hmg/images/web/kor/job/submain/tit_introduction.gif" alt="직무소개" class="tit_img"/>
                                        </dt>
                                        <dd>
                                            <ul>
                                                <li><a href="/hmg/web/kor/job/int/JobIntroduction.do?compType=1&page=1"><img src="/hmg/images/web/kor/job/submain/introduction_01.jpg" alt="완성차" /></a></li>
                                                <li><a href="/hmg/web/kor/job/int/JobIntroduction.do?compType=4&page=1"><img src="/hmg/images/web/kor/job/submain/introduction_02.jpg" alt=철강 /></a></li>
                                                <li class="last"><a href="/hmg/web/kor/job/int/JobIntroduction.do?compType=7&page=1"><img src="/hmg/images/web/kor/job/submain/introduction_03.jpg" alt="건설" /></a></li>
                                                <li><a href="/hmg/web/kor/job/int/JobIntroduction.do?compType=13&page=1"><img src="/hmg/images/web/kor/job/submain/introduction_04.jpg" alt="부품" /></a></li>
                                                <li><a href="/hmg/web/kor/job/int/JobIntroduction.do?compType=26&page=1"><img src="/hmg/images/web/kor/job/submain/introduction_05.jpg" alt="금융" /></a></li>
                                                <li class="last"><a href="/hmg/web/kor/job/int/JobIntroduction.do?compType=34&page=1"><img src="/hmg/images/web/kor/job/submain/introduction_06.jpg" alt="기타" /></a></li>
                                            </ul>
                                        </dd>
                                    </dl>
                                    <p class="more"><a href="/hmg/web/kor/job/int/JobIntroductionMain.do"><img src="/hmg/images/web/kor/job/submain/text_more.gif" alt="more" /></a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--//recruit-->
                </div>
                <!--// contents-->
            </div>
            <!--// 내용 -->
        </div>

        <hr />

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footerEtc.jspf" %>
        <!-- //layer -->
    </div>
    <!--//wrap-->
</body>
</html>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       